<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>名家名画行情指数_可观艺术</title>
<meta name="Keywords" content="书画行情、名家名画行情指数,可观艺术" />
<meta name="Description" content="提供名画名家行情指数,油画行情指数、国画行情指数" />
<link href="../style/common.css" rel="stylesheet" type="text/css" />

<style  type="text/css">
li{ list-style:none;margin:0px;padding:0px;}
.testtab{ margin:0 auto; width: 920px;}
.tabtag{ line-height:30px; height:30px;background-image:url("../images/tab_line.jpg");background-repeat: repeat-x;zoom: 1;border: 1px solid #ccc;}
.tabtag li{ float:left; width:10%; text-align:center; font-family: 宋体;font-size: 14px;border-right: solid #DDD 1px;cursor: pointer;}
.tabtag li.cur{ background:#ffffff;border-bottom:1px solid #ffffff;_display:inline;font-weight: bold;font-size: 14px;}
.tabcon div{font-size: 12px;font-family: 宋体;}
.tabcon li{margin:0px;padding:0px;list-style-type: none;clear: both;_display: inline;}
.tabcon li div{margin-top: 10px;}
.ul_left{float: left;padding: 0px;color:#313131;_display: inline; list-style-type: none;width:450px;margin: 0px 0px 20px 10px;}
.ul_right{float: left;padding: 0px;color:#313131;_display: inline; list-style-type: none;width:450px;margin: 0px 0px 20px 10px;}

a{color: #313131;text-decoration: none;}
.type_checked{font-size:12px;background: url('${ctx }/images/bz1.png') no-repeat;float:left;width:35px;height:28px;margin-left: 10px;padding:8px 0px 0px 8px;color:#999;cursor: pointer;}
.type_notcheck{font-size:12px;background: url('${ctx }/images/bz2.png') no-repeat;float:left;width:35px;height:28px;margin-left: 10px;padding:8px 0px 0px 8px;color:#999;}
</style>

</head>

<body>

<%@include file="/commons/head.jsp"%>

<div style="margin: 0 auto;width: 960px;border: 1px solid #ccc;background: #ffffff;margin-top: 5px;">
			<div style="width: 890px;margin: 0px auto; margin-top: 10px;margin-bottom: 5px;overflow: hidden;">
				<div>
					<s:if test="#request.catalog_type == 'guohua'">
						<div class="type_notcheck"><a href="${ctx}/front/indexAction!viewMarketIndex.do?type=youhua" style="text-decoration: none;color: #999;">油画</a></div>
						<div class="type_checked"><a href="${ctx}/front/indexAction!viewMarketIndex.do?type=guohua" style="text-decoration: none;color: #999;">国画</a></div>
					</s:if>
					<s:elseif test="#request.catalog_type == 'youhua'">
						<div class="type_checked"><a href="${ctx}/front/indexAction!viewMarketIndex.do?type=youhua" style="text-decoration: none;color: #999;">油画</a></div>
						<div class="type_notcheck"><a href="${ctx}/front/indexAction!viewMarketIndex.do?type=guohua" style="text-decoration: none;color: #999;">国画</a></div>
					</s:elseif>
				</div>
				<div style="font-size: 14px;font-weight: bold;float:left;margin-left: 50px;padding-top: 5px;">
					<s:if test="#request.catalog_type == 'guohua'">国画</s:if>
					<s:elseif test="#request.catalog_type == 'youhua'">油画</s:elseif>艺术家最新指数排名
				</div>
				<div style="font-size: 12px;color:#999;float:left;padding-top: 5px;">
				(本排名仅适用于可观艺术网已收录艺术家，数据来源雅昌艺术市场监测中心，仅供参考使用)
				</div>
			</div>
			<div class="testtab" id="testtab">
		        <div id="tabcon" class="tabcon">
			        	<c:forEach items="${requestScope.marketIndex}" var="market" varStatus="status">
			        		 <c:if test="${ status.count mod 10 == 1}">
			        		 	<c:choose>
			        		 	  <c:when test="${ ((status.count-1) div 10) mod 2  == 0}"><div style="width: 920px;margin-bottom: 5px;"><ul class="ul_left"></c:when>
			        		 	  <c:otherwise><ul class="ul_right"></c:otherwise>
			        		 	</c:choose>
			        		 </c:if>
				            		 <li>
				            		 	<c:if test="${status.count <4}">
					                    	<div style="color: #fff;font-weight: bolder;background: url('../images/phtb.gif') no-repeat;width: 20px;height: 15px;text-align: center;line-height: 15px;float: left;"><c:if test="${status.count <10}">0</c:if>${status.count }</div><div style="margin-left:5px;width: 60px;float: left;"><a href="${ctx }/front/painterAction!painterStarDetail.do?id=${market.painterId }">${market.name }</a></div><div style="width: 30px;float: left;text-align: right;">均价</div><div style="text-align: right;float: left;width: 110px;">${market.price }元/平方尺</div><div style="float: left;margin-left: 5px;width:73px;">(${market.time_period })</div><div style="float: left;margin-left: 5px;width: 110px;">比上季<c:if test="${market.upDownFlag =='up'}"><font color="red">↑${market.upDownRatio }</font></c:if><c:if test="${market.upDownFlag =='down'}"><font color="green">↓${market.upDownRatio }</font></c:if></div>
					                    </c:if>
					                    <c:if test="${status.count >=4 }">
					                    	<div style="color: #999;width: 20px;height: 15px;text-align: center;border: 1px solid #ccc;line-height: 15px;float: left;"><c:if test="${status.count <10}">0</c:if>${status.count }</div><div style="margin-left:5px;width: 60px;float: left;"><a href="${ctx }/front/painterAction!painterStarDetail.do?id=${market.painterId }">${market.name }</a></div><div style="width: 30px;float: left;text-align: right;">均价</div><div style="text-align: right;float: left;width: 110px;">${market.price }元/平方尺</div><div style="float: left;margin-left: 5px;width:73px;">(${market.time_period })</div><div style="float: left;margin-left: 5px;width: 110px;">比上季<c:if test="${market.upDownFlag =='up'}"><font color="red">↑${market.upDownRatio }</font></c:if><c:if test="${market.upDownFlag =='down'}"><font color="green">↓${market.upDownRatio }</font></c:if></div>
					                    </c:if>	
				                    </li>
			               <c:if test="${ status.last or  status.count mod 10 == 0}"></ul></c:if>
			               <c:if test="${ status.last or  status.count mod 20 == 0}"><ul style="clear: both;"></ul></div></c:if>
			             </c:forEach>
			            <div style="clear: both;"></div>
		        </div>
	     </div>
</div>
<div style="clear: both;"></div>

<%@include file="/commons/foot.jsp"%>

</body>
</html>
